@import "style";
$font-size : 14px;
$color : #352f31;
//  轮播图：
.carousel{
    width: 100%;
    height: 380px;
    position: relative;
    ul{
        margin: 0 auto;
        position: relative;
        width:1422px;
        height :380px;
        li{
          position: absolute;  
          width:1422px;
          height :380px;
          img{
              width: 100%;
              height :100%;
          }
        }
    }
    ol{
         position: absolute;
         left: 1200px;
         top: 350px;
        li{
            float: left;
            display: block;
            height: 13px;
            width: 13px;
            border-radius: 50%;
            background: rgba(0,0,0,0.5);
            margin: 0 8px;
            cursor: pointer;
        }
        .color{
          background: red;
        }
        
    }
}

//  商品展示
#shop-show{
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
    .shop-show{
        width: 960px;
        margin: 0 auto;
        li{
            float: left;
            img{
                width: 320px;
            }
        }
    }
}
//  floor：
#first-floor{
    width: 100%;
    overflow: hidden;
    .floor-lunbo{
        overflow: hidden;
        width: 960px;
        margin: 0 auto;
       h3{
           margin-top: 40px;
           margin-bottom: 10px;
           a{
             color: $color;
           }
           .more{
               float: right;
               font-size: $font-size;
               color: #666;
           }
       }
       .first-left{
           float: left;
           img{
               width:195px ;
               height: 370px;
           }
       }
       .first-right{
           float: left;
           width:760px;
           height: 370px;
           position: relative;
           overflow: hidden;
            ul{
                width: 4560px;
                position: absolute; 
                left: 0;
                top: 0;
                li{
                    float: left;
                    width:760px;
                    height: 370px;
                }
            }
            ol{
               position: absolute;
               bottom: 0;
               right: 0;
               li{
                   float: left;
                   display: block;
                   width: 70px;
                   height: 22px;
                   margin: 0 1px;
                   background: rgba(0,0,0,0.3);
                   font-size: 12px;
                   color: #fff;
                   text-align: center;
                   line-height: 20px;
                   cursor: pointer;
               }
               .bgcolor{
                   background: rgba(0,0,0,0.7);
               }
            }     
       }      
    }
    .floor-show{
        overflow: hidden;
        width: 960px;
        margin: 0 auto;
        margin-top: 10px;
        ul{
            overflow: hidden;
            border-top: 1px solid #E1E1E1;
            border-left: 1px solid #E1E1E1;
            li{
                float: left;
                display: block;
                width: 190px;
                height: 190px;
                text-align: center;
                border-right: 1px solid #E1E1E1;
                border-bottom: 1px solid #E1E1E1;
                p{
                    font-size: $font-size;
                    color: $color;
                    margin: 0 10px 5px;
                }
                img{
                    width: 100px;
                    height: 90px;
                    margin: 15px 10px 5px;
                }
                span{
                    font-size: 12px;
                    text-decoration: line-through;
                    margin-left: 10px;
                }
            }
        }
    }
}
#shoe{
    width: 960px;
    overflow: hidden;
    margin: 70px auto 50px;
    ul{
       border-left: 1px solid #E1E1E1; 
       border-top: 1px solid #E1E1E1; 
       overflow: hidden;
       margin-top: 10px;
       li{
         border-right: 1px solid #E1E1E1; 
         border-bottom: 1px solid #E1E1E1;  
         float: left;
         display: block;
         width: 190px;
         height: 190px;
         text-align: center;
         p{
            height: 120px; 
//          background: red;
            img{
                margin-top: 30px;
            }
         }
         span{
             padding-top: 20px;
             font-size: 14px;
         }
       }  
    }
}
